<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<h1>控制台查看效果</h1>
<!--one=====================================================================-->
<h1>获取当前时间</h1>
<div class="demo1"></div>
<script src="./utils.js"></script>
<script>
var rs = ''
rs += "time('Y-M-R H:T:S-D')  //" + time('Y-M-R H:T:S-D') +  "<br />"
rs += "time('Y-M-R')  //"  +  time('Y-M-R')  + "<br />"
rs += "time('H:T:S')  //"  +  time('H:T:S') + "<br />"
rs += "time('D')  //"  +  time('D') + "<br />" 
  document.querySelector('.demo1').innerHTML = rs
</script>
<!--two======================================================================-->
<h1>格式化时间</h1>
<div class="demo2"></div>
<script src="./utils.js"></script>
<script>
  var rs = ''
  rs += "format('2022-12-12 12:12:12') //" + format('2020-12-12 12:12:12') + "<br>"
  rs += "format('2022-4-12 12:12:12') //" + format('2022-4-12 12:12:12')   + "<br>"
  rs += "format('2022-4-15 12:12:12') //" + format('2022-4-15 12:12:12')   + "<br>"
  document.querySelector('.demo2').innerHTML = rs 
</script>
<!--three====================================================================-->
<!-- 随机获取16进制颜色 -->
<h1>随机16进制颜色</h1>
<div class="demo3"></div>
<script src="./utils.js"></script>
<script>
  var rs = ''
  rs += "randomColor() //" + randomColor() + "<br>"
  document.querySelector('.demo3').innerHTML = rs 
</script>

<!--four====================================================================-->
<h1>获取浏览器内核</h1>
<div class="demo4"></div>
<script src="./utils.js"></script>
<script>
    var rs = ''
  rs += "getBrowserEngine() //" + getBrowserEngine() 
  document.querySelector('.demo4').innerHTML = rs 
</script>
<!--five==================================================================== -->
<h1>判断是pc端还是移动端</h1>
<div class="demo5"></div>
<script src="./utils.js"></script>
<script>
    var rs = ''
  rs += "isMobile() //" + isMobile() 
  document.querySelector('.demo5').innerHTML = rs 
</script>
<!--six===================================================================== -->
<h1>判断是否是微信浏览器</h1>
<div class="demo6"></div>
<script src="./utils.js"></script>
<script>
    var rs = ''
  rs += "isWX() //" + isWX()
  document.querySelector('.demo6').innerHTML = rs 
</script>
<!--seven===================================================================== -->
<h1>获取标签非行内样式</h1>
<style>
  .demo7{
    color: black;
  }
</style>
<div class="demo7"></div>
<script src="./utils.js"></script>
<script>
    var rs = ''
    var colorObj = document.querySelector('.demo7')
  rs += "getStyle(colorObj,'color') //" + getStyle(colorObj ,'color')
  document.querySelector('.demo7').innerHTML = rs 
</script>
<!--eight===================================================================== -->
<!-- 图片懒加载 -->
<style>
  img{
    height:540px;
    display: block;
  }
</style>
<!-- <img src="./img/load.gif" data-original="./img/01.jpg" alt="">
<img src="./img/load.gif" data-original="./img/02.jpg" alt="">
<img src="./img/load.gif" data-original="./img/03.jpg" alt="">
<img src="./img/load.gif" data-original="./img/04.jpg" alt="">
<img src="./img/load.gif" data-original="./img/05.jpg" alt="">
<img src="./img/load.gif" data-original="./img/06.jpg" alt="">
<img src="./img/load.gif" data-original="./img/07.jpg" alt="">
<img src="./img/load.gif" data-original="./img/08.jpg" alt="">
<script> -->

<!-- lazyLoad()  //首次调用
window.onscroll = lazyLoad   //后期调用 -->
</script>
<!--night===================================================================== -->
<h1>获取地址栏参数</h1>
<div class="demo9"></div>
<script>
  var rs = ''
  var paramsObj = document.querySelector('.demo7')
rs += `getParams('a') //${getParams('a')}`
document.querySelector('.demo9').innerHTML = rs 
</script>










</html>